// 负责管理所有的自定义指令

export const imagerror = {
  // 指令对象 会在当前的 dom 元素插入到节点之后执行
  inserted(dom, options) {
    /*    
    options 是指令中的变量的解释 其中一个属性叫做 value 就是里面的值
    dom 表示当前指令作用的 dom对象
    dom认为此时就是图片
    当图片有地址 但是地址没有加载成功的时候 会报错
    会触发图片的一个事件 => onerror  */
    dom.onerror = function () {
      // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
      // dom 可以注册 error 事件
      dom.src = options.value // 这里不能写死
    }
  }
}